<template>
  <div class="myheader">
    <input type="text">
     <ul class="mytitleclass">
    <li>首页</li>
    <li>新手入门</li>
    <li>API</li>
    <li>关于</li>
    <li>注册</li>
   </ul>
   <p>登录</p>
  </div>
</template>
<style lang="scss" scoped>
.myheader{
    width: 100%;
    height: 110px;
    line-height: 35px;
    background: #444444;
    color: #fff;
    input{
        width: 60%;
        height: 20px;
        margin-left: 20%;
        background: #888888;
        border: none;
        border-radius: 10px;
    }
    .mytitleclass{
  display: flex;
  justify-content: space-around;
}
p{
  padding-left: 19px;
}
}
</style>
